<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Today's Fashion WooCommerce - Style Guide</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="css/style.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500,600,700" rel="stylesheet">
    <!-- FontAwesome CSS -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<!-- search area -->

<body>
    <div class="collapse" id="search-area">
        <div class="search-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
            <button class="btn btn-primary" type="button">Go!</button>
            </span> </div>
                        <!-- /input-group -->
                    </div>
                    <!-- /.col-lg-6 -->
                </div>
            </div>
        </div>
    </div>
    <!-- search area -->
            <!-- top-bar start-->
    <div class="top-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6 hidden-sm hidden-xs">
                    <div class="call-msg">
                        <p><span class="call-icon"><i class="fa fa-phone"></i></span>+1800-123-4567 / 7 days a week from 9:00 am to 7:00 pm.</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="top-nav">
                        <ul>
                            <li><a href="#">My Account </a></li>
                            <li> | </li>
                            <li><a href="#">Register</a></li>
                            <li>
                                <a role="button" data-toggle="collapse" href="#search-area" aria-expanded="false" aria-controls="search-area"> <i class="fa fa-search"></i> </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
       <!-- top-bar close-->
          <!-- header-section-->
    <div class="header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-2 col-sm-12 col-xs-12">
                    <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
                </div>
                <div class="col-lg-9 col-md-10 col-sm-12 col-xs-12">
                          <!-- navigation-->

                    <div class="navigation">
                        <div id="navigation">
                            <ul>
                                <li class="active"><a href="index.html" title="Home">Home</a></li>
                                <li class="has-sub"><a href="#" title="men">Men</a>
                                    <ul>
                                        <li><a href="product-list.html" title="T-Shirts">T-Shirts</a></li>
                                        <li><a href="product-list.html" title="casual shirts">Casual Shirts</a></li>
                                        <li><a href="product-list.html" title="formal shirts">Formal Shirts</a></li>
                                        <li><a href="product-list.html" title="jeans">Jeans</a></li>
                                        <li><a href="product-list.html" title="casual shirts">Casual Trousers</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="men">Women</a>
                                    <ul>
                                        <li><a href="product-list.html" title="kurtas-kurtis-suits">kurtas-kurtis-suits</a></li>
                                        <li><a href="product-list.html" title="dresses-and-jumpsuits">dresses-and-jumpsuits</a></li>
                                        <li><a href="product-list.html" title="jeans-jeggings">jeans-jeggings</a></li>
                                        <li><a href="product-list.html" title="shapewear">Shapewear</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="Pages">Pages</a>
                                    <ul>
                                        <li><a href="product-list.html" title="product-list">product-list</a></li>
                                        <li><a href="product-single.html" title="product single">product single</a></li>
                                        <li><a href="about.html" title="about">about</a></li>
                                        <li><a href="cart.html" title="cart">cart</a></li>
                                        <li><a href="account.html" title="account">account</a></li>
                                        <li><a href="checkout.html" title="checkout">checkout</a> </li>
                                        <li><a href="404-error.html" title="404 error">404 error</a> </li>
                                        <li><a href="styleguide.html" title="Styleguide">styleguide</a> </li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="blog-default.html" title="Blog ">Blog</a>
                                    <ul>
                                        <li><a href="blog-default.html" title="Blog">Blog Default</a></li>
                                        <li><a href="blog-single.html" title="Blog Single ">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact-us.html" title="Contact Us">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                              <!-- /.navigation-->

                </div>
            </div>
        </div>
    </div>
    <!-- header-section -->
    <!-- page-header-start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="page-section">
                        <div class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li><a href="#">Home</a></li>
                                <li>styleguide</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- page-header-close -->
    <!-- typography-start -->
    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Font Family</h1>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12"> <span>For Heading</span>
                    <h2 class="mt20">Hind Siliguri</h2>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12"> <span>For Base</span>
                    <h2 class="mt20">Hind Siliguri</h2>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Typography</h1>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h1>H1 - Heading Title - 30px</h1>
                    <h2>H2 - Heading Title - 24px</h2>
                    <h3>H3 - Heading Title - 20px</h3>
                    <h4>H4 - Heading Title - 16px</h4>
                    <h5>H5 - Heading Title - 14px</h5>
                    <h6>H6 - Heading Title - 12px</h6>
                </div>
            </div>
            <hr>
            <!-- color-plate-start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
                    <h1 class="mb30">Color Palette</h1>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 text-center">
                    <div class="circle-default-color"></div>
                    <div class="box-info">
                        <h4 class="mt20">Default</h4>
                        <p>#301c1e</p>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 text-center">
                    <div class="circle-primary-color"></div>
                    <div class="box-info">
                        <h4 class="mt20">Primary</h4>
                        <p>#f25b6a</p>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 text-center">
                    <div class="circle-heading-color"></div>
                    <div class="box-info">
                        <h4 class="mt20">Heading</h4>
                        <p>#676462</p>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 text-center">
                    <div class="circle-secondary-color"></div>
                    <div class="box-info">
                        <h4 class="mt20">Secondary</h4>
                        <p>#888888</p>
                    </div>
                </div>
            </div>
            <!-- color-plate-close -->
            <hr>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Text</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunc. </p>
                    <p class="lead">Consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae dictum nusmod sed nuncroin vel rhoncus maurisuisque mattism ipsum dolor sit amet consectetur adipiscing elit.</p>
                    <h1>Heading Title Here</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunc. </p>
                    <h2>Heading Title Here</h2>
                    <p>Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce. </p>
                    <h3>Heading Title Here</h3>
                    <p>Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce. </p>
                    <div class="widget">
                        <h3>Heading Title Here</h3>
                        <p>Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce. </p>
                    </div>
                </div>
            </div>
            <hr>
            <!-- typography-close -->
            <!-- list-start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">List</h1>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <h2>Unordered</h2>
                    <div class="unordered">
                        <ul class="angle angle-right">
                            <li>Dolor pulvinar etiam.</li>
                            <li>Sagittis lorem eleifend.</li>
                            <li>Felis feugiat dolore viverra.</li>
                            <li>Dolor pulvinar etiam.. </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <h2> Ordered </h2>
                    <div class="ordered">
                        <ol>
                            <li>Dolor pulvinar etiam.</li>
                            <li>Sagittis lorem eleifend.</li>
                            <li>Felis feugiat dolore viverra.</li>
                            <li>Dolor pulvinar etiam.</li>
                        </ol>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <h2>Altenate</h2>
                    <div class="altenate">
                        <ul>
                            <li>Dolor pulvinar etiam.</li>
                            <li>Sagittis lorem eleifend.</li>
                            <li>Felis feugiat dolore viverra.</li>
                            <li>Dolor pulvinar etiam.</li>
                        </ul>
                    </div>
                </div>
            </div>
            <hr>
            <!-- list-close -->
            <!-- blockquote-start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Blockquote</h1>
                </div>
                <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12">
                    <div class="blockquote ">
                        <div class="blockquote-content">
                            <div class="quote-icon"> <i class="fa fa-quote-left"></i></div>
                            <p>“Smetus fermentum vehicula sit amet, interdum a liberounc ac nunceseren urnaestibulum felis felis imperdiet non oneleonec jusctusete”</p>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <!-- blockquote-close -->
            <!-- buttons-start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Buttons</h1>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12"> <a href="#" class="btn btn-default btn-xs mb20">Extra Small Button</a> <a href="#" class="btn btn-default btn-sm mb20">Small Button </a> <a href="#" class="btn btn-default mb20">Default Button </a> <a href="#" class="btn btn-default btn-lg mb20">Large Button </a> </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12"> <a href="#" class="btn btn-primary btn-xs mb20">Extra Small Button</a> <a href="#" class="btn btn-primary btn-sm mb20">Small Button </a> <a href="#" class="btn btn-primary mb20">Default Button </a> <a href="#" class="btn btn-primary btn-lg mb20">Large Button </a> </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <h2>Link</h2>
                    <a href="#" class="btn-link mb20">link</a> </div>
            </div>
            <hr>
            <!-- buttons-close -->
            <!-- form-start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Form Elements</h1>
                </div>
                <form>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="form-group">
                            <label class="control-label" for="email">Email<sup style="color:red">*</sup></label>
                            <input id="email" type="text" class="form-control" placeholder="input Type">
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="textarea">Text Area</label>
                            <textarea class="form-control" id="textarea" name="textarea" rows="6" placeholder="textarea"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" value="">
                            <p> Radio button </p>
                        </label>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" value="option1" checked>
                            <p>Selected Radio button</p>
                        </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="">
                            <p>Check Box</p>
                        </label>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="" checked="">
                            <p>Selected Check box</p>
                        </label>
                    </div>
                </div>
            </div>
            <hr>
            <!-- form-close -->
            <!-- table-start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h1 class="mb30">Tables</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h3 class="mb20">Default Table</h3>
                    <div class="table-responsive">
                        <table class="table table-responsive">
                            <caption>
                                Optional table caption.
                            </caption>
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Username</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                </tr>
                                <tr>
                                    <th scope="row">2</th>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>@fat</td>
                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>@twitter</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- table-close -->
            <!-- table-striped-start -->
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h3 class="mb20">Striped Rows</h3>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <caption>
                                Optional table caption.
                            </caption>
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Username</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                </tr>
                                <tr>
                                    <th scope="row">2</th>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>@fat</td>
                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>@twitter</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- table-striped-close -->
 <!-- footer start -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <!-- footer-contactinfo-start -->
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <div class="mb30"><img src="./images/ft-logo.png" alt=""></div>
                        <p>Today Fashion is a Storefront WooCommerce Website Template</p>
                        <div class="">
                            <ul>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-map-marker"></i></div>
                                    <div class="footer-address">1250 Mark Avenue Palace, Ahmedabad - India</div>
                                </li>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-envelope-open"></i></div>
                                    <div class="footer-address">info@shinecleaningservice.com</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- footer-contactinfo-close -->
                <!-- footer-useful links-start -->
                <div class=" col-lg-2 col-md-2 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Quick Links</h3>
                        <ul class="angle angle-right">
                            <li><a href="#">Home </a></li>
                            <li><a href="#">Men </a></li>
                            <li><a href="#">Women</a></li>
                            <li><a href="#">About us </a></li>
                            <li> <a href="#">blog</a></li>
                        </ul>
                    </div>
                </div>
                <!-- footer-useful links-close -->
                <!-- footer-product-list-start -->
                <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Latest Product</h3>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="./images/ft-post-1.jpg" alt="" class="img-responsive"></a>
                            </div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Zima leto</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$50</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="./images/ft-post-2.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Puma</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$30</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"><img src="./images/ft-post-3.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Sera</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$20</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer-product-list-close -->
                <!-- footer-newsletter-start -->
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
                    <div class="footer-widget">
                        <h3 class="footer-title">Subscribe Newsletter</h3>
                        <p>Enter your email address for our mailing list to keep yourself updated.</p>
                        <!-- Text input-->
                        <form>
                            <div class="newsletter-form">
                                <input type="text" class="form-control" placeholder="Search Here">
                                <button type="Submit"><i class="fa fa-paper-plane-o"></i></button>
                            </div>
                        </form>
                    </div>
                    <!-- /input-group -->
                </div>
                <!-- footer-newsletter-close -->
            </div>
            <!-- tiny- footer-start -->
            <div class="tiny-footer">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 mt20">© 2020. All Rights Reserved. Privacy Policy</div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt20">
                        <div class="footer-social"> <a href="#"><span><i class="fa fa-facebook"></i></span></a> <a href="#"><span><i class="fa fa-google-plus"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-twitter"></i> </span></a> <a href="#"><span><i class=" fa fa-pinterest"></i> </span></a> <a href="#"><span><i class="fa fa-linkedin"></i></span></a> </div>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 mt20">
                        <div class="footer-pcard"> <a href="#"><span><i class="fa fa-cc-paypal"></i></span></a> <a href="#"><span><i class="fa fa-cc-mastercard"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-cc-visa"></i> </span></a> <a href="#"><span><i class="fa fa-cc-discover "></i> </span></a> </div>
                    </div>
                </div>
            </div>
            <!-- tiny-footer-close -->
        </div>
    </div>
    <!-- footer close -->
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/menumaker.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/jquery.sticky.js"></script>
        <script type="text/javascript" src="js/sticky-header.js"></script>
  
</body>

</html>